<div class="flexBox">
<div class="flex">
    <div class="indexHead">
        <div class="HeadLeft">
            <ul>
                <li class="HeadLeftFirst" ng-mouseenter="getHomeTwoDetail(homeCategory[14].scId,homeCategory[15].scId,homeCategory[18].scId)">
                    <img src="them/imgs/border.jpg" />
                    <a class="hoverBold">规范标准</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[14].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="buildLi in buildDetail track by $index" ng-bind="buildLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[14].scId,buildLi.dcId)"></a>
                            </div>
                        </div>
                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[15].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in parkDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[15].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[18].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in threeDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[18].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                    </div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[19].scId,homeCategory[17].scId)">
                    <a class="hoverBold">专业图集</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[19].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in buildDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[19].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[17].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in parkDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[17].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                    </div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[16].scId,homeCategory[2].scId)">
                    <a class="hoverBold">法律法规与经济管理</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[16].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="otherHome in buildDetail track by $index" ng-bind="otherHome.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[16].scId,otherHome.dcId)"></a>
                            </div>
                        </div>
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[2].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="otherHome in parkDetail track by $index" ng-bind="otherHome.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[2].scId,otherHome.dcId)"></a>
                            </div>
                        </div>
                    </div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[0].scId,homeCategory[1].scId)">
                    <a class="hoverBold">建筑、城市规划与风景园林</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[0].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="buildLi in buildDetail track by $index" ng-bind="buildLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[0].scId,buildLi.dcId)"></a>
                            </div>
                        </div>
                        
                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[1].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in parkDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[1].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                	</div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[3].scId,homeCategory[4].scId)">
                    <a class="hoverBold">建筑结构与工程力学</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[3].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="buildLi in buildDetail track by $index" ng-bind="buildLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[3].scId,buildLi.dcId)"></a>
                            </div>
                        </div>
                        
                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[4].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in parkDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[4].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                	</div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[5].scId,homeCategory[7].scId)">
                    <a class="hoverBold">工程施工与建筑设备工程</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[5].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="otherHome in buildDetail track by $index" ng-bind="otherHome.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[5].scId,otherHome.dcId)"></a>
                            </div>
                        </div>
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[7].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="otherHome in parkDetail track by $index" ng-bind="otherHome.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[7].scId,otherHome.dcId)"></a>
                            </div>
                        </div>
                    </div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[6].scId,homeCategory[11].scId)">
                    <a class="hoverBold">水利与交通运输工程</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[6].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="otherHome in buildDetail track by $index" ng-bind="otherHome.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[6].scId,otherHome.dcId)"></a>
                            </div>
                        </div>
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[11].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="otherHome in parkDetail track by $index" ng-bind="otherHome.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[11].scId,otherHome.dcId)"></a>
                            </div>
                        </div>
                    </div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[8].scId,homeCategory[20].scId)">
                    <a class="hoverBold">城镇基础设施与环境工程</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[8].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="buildLi in buildDetail track by $index" ng-bind="buildLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[8].scId,buildLi.dcId)"></a>
                            </div>
                        </div>

                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[20].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in parkDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[20].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                    </div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[9].scId,homeCategory[10].scId)">
                    <a class="hoverBold">工程机械与材料</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[9].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="buildLi in buildDetail track by $index" ng-bind="buildLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[9].scId,buildLi.dcId)"></a>
                            </div>
                        </div>

                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[10].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in parkDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[10].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                    </div>
                </li>
                <li ng-mouseenter="getHomeTwoDetail(homeCategory[12].scId,homeCategory[13].scId)">
                    <a class="hoverBold">桥隧与地下工程</a>
                    <div class="fSlideMenu">
                        <div class="BuidMenu">
                            <h1>[{{homeCategory[12].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="buildLi in buildDetail track by $index" ng-bind="buildLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[12].scId,buildLi.dcId)"></a>
                            </div>
                        </div>

                        <div class="BuidMenu cityMenu">
                            <h1>[{{homeCategory[13].scName}}]</h1>
                            <div class="smallMenu">
                                <a ng-repeat="parkLi in parkDetail track by $index" ng-bind="parkLi.dcName" ng-click="searchMain(topCategory[0].tcId,homeCategory[13].scId,parkLi.dcId)"></a>
                            </div>
                        </div>
                	</div>
                </li>
            </ul>
        </div>
<!--banenr-->
        <div class="indexBanner">
            <div class="banner">
                <lunbo data="bigAdverList" ng-if="bigAdverList"></lunbo>
            </div>
            <!--smallbanner-->
            <div class="banner smallBanner">
                <div smallunbo data="smallAdverList" ng-if="bigAdverList"></div>
            </div>

        </div>
        <!--右侧新闻栏目-->
        <div class="newsList">
            <div class="newsTit">
                <h1 class="newsTtiL">
                    行业动态
                </h1>
                <div class="newsTitR">
                    <span class="inter " ng-class="{'newsHover':tab==1}" href="javascript:;" ng-click="getTrade(1,49)">国际</span>
                    <a  class="spilt" href="javascript:;">\</a>
                    <span class="city" ng-class="{'newsHover':tab==2}" href="javascript:;" ng-click="getTrade(2,50)">国内</span>
                </div>
            </div>
            <div class="newsListCon">
                <div ng-show="tab==1" class="newsCon">
                <div class="newsPic" ng-if="newsTrade[0]">
                   <a><img ng-click="goto('newsId',newsTrade[0].newsId,'eng.newsDetail')" ng-src="{{newsTrade[0].previewPath}}"></a>
                    <div class="NewsPromt">
                        <p class="NewsPromtCon" ng-bind="newsTrade[0].name"></p>
                        <div class="NewsPromtBg"></div>
                    </div>
                </div>
                <ul>
                    <li title="{{ newsTradeLi.name }}" ng-repeat="newsTradeLi in newsTradeUl" 
                    	ng-click="goto('newsId',newsTradeLi.newsId,'eng.newsDetail')">
                    	{{newsTradeLi.uploadTime | dayTime}}<span>|</span>
                    	<a>{{newsTradeLi.name|getRightHome}}</a> 
                    </li>
                </ul>
                </div>
                <div ng-show="tab==2" class="newsCon">
                    <div class="newsPic" ng-if="newsTrade[0]">
                        <a ng-click="goto('newsId',newsTrade[0].newsId,'eng.newsDetail')"><img ng-src="{{newsTrade[0].previewPath}}"/></a>
                        <div class="NewsPromt">
                            <p class="NewsPromtCon" ng-bind="newsTrade[0].name"></p>
                            <div class="NewsPromtBg"></div>
                        </div>
                    </div>
                    <ul>
                        <li ng-repeat="newsTradeLi in newsTradeUl" ng-click="goto('newsId',newsTradeLi.newsId,'eng.newsDetail')">
                        	{{newsTradeLi.uploadTime | dayTime}}
                        	<span>|</span>
                        	<a>{{newsTradeLi.name|getRightHome}}</a> 
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>
</div>

<style>
    .HeadLeft .HeadLeftFirst .skillRegulate{
        width:760px;
        height:auto;
        padding-bottom:15px;
    }
    .skillRegulate .BuidMenu{
        height:auto;
    }
    .skillRegulate .smallMenu{
        width:670px;
    }
    .HeadLeft{
        font-family: "微软雅黑";
    }
    .HeadLeft li{
        cursor: pointer;
    }
   .HeadLeft li:hover .hoverBold{
        font-weight: 900;
    }
    .smallBanner {
        height:111px;
        margin-top: 18px;
    }
    .newsListCon {
        position: relative;
        width:266px;
        height:391px;
        border:1px solid #ddd;
        background: #fff;
    }
        .newsCon {
            position: absolute;
            left:15px;
        }
    .newsListCon ul {
        width:237px;
        margin:0 auto;
        margin-top:11px;
    }
    .newsListCon ul li {
        margin-bottom:18px;
    }
    .newsListCon ul li:hover{
    	color:#30a3ff;
    }
    .newsListCon ul li{
        height:14px;
        line-height: 14px;
    }
    .newsListCon ul li a {
        font-size:14px;
    }
    .newsListCon ul li a:hover,.newsCon ul li a:hover{
    	color: #30a3ff;
		text-decoration: underline;
    }
    .newsListCon ul li span {
        padding-left:10px;
        padding-right:15px;
    }

    .newsList {
        width:268px;
        height:100%;
        float: left;
        margin-left:8px;
    }
        .newsHover {
            color: #30a3ff;
        }
        .newsTit {
            height:38px;
            width:100%;
        }
            .newsTtiL {
                padding-left:24px;
                float: left;
                font-size:18px;
                background: url("them/imgs/zfx.png") 0 7px no-repeat;
            }
            .newsTitR {
                float: right;
                font-size:14px;
            }
            .newsTitR span {
                cursor: pointer;
            }
                .spilt {
                    padding:0 16px 0 16px;
                    text-align: center;
                }
            .newsPic {
                width:220px;
                height:141px;
                margin:0 auto;
                margin-top:14px;
                position: relative;
                overflow: hidden;
            }
                .NewsPromt {
                    width:100%;
                    height:35px;
                    position:absolute;
                    bottom: 0;
                }
                .NewsPromtBg {
	                 opacity:0.5;
	                 filter:alpha(opacity=50);
	                 background: #000;
	                 height: 35px;
                }
                .NewsPromtCon{
                    width:100%;
                    height:35px;
                    position:absolute;
                    color: #fff;
                    text-align: center;
                    line-height:35px;
                    z-index: 2;
                }

/*botstrap*/
.flexBox {
    width:100%;
    background: url(them/img/jb-bg.png) repeat;
    height:auto;
}
    .flex {
        height:433px;
        width:1200px;
        margin:0 auto;
        padding-top:40px;
    }
        .indexHead {
            height:433px;
            width:100%;
        }
            .HeadLeft {
                width:156px;
                height:100%;
                float: left;
                background: #f8f8f8;
                position: relative;
            }
            
            .HeadLeft>ul>li {
                padding-left:11px;
                height:41px;
                line-height:41px;
                font-size:12px;
             	background: url(them/imgs/border.jpg) left bottom no-repeat;
            }
            .HeadLeft>ul>li:hover {
                background: #fff;
            }
            .HeadLeft>ul>li:hover div.fSlideMenu {
                display: block;
                z-index: 9999;
                background: #fff url("them/imag/homeBg.png") no-repeat right bottom;
            }
            .HeadLeft>ul>li.HeadLeftFirst {
            	position: relative;
                background: url(them/imgs/border.jpg) left bottom no-repeat;
            }
            .HeadLeft>ul>li.HeadLeftFirst:hover{
            	background:#fff ;
            }
            
            .HeadLeft>ul>li.HeadLeftFirst img{
            	position: absolute;
            	left: 0;
            	top: 0;
            }
            .HeadLeft>ul>li>div.fSlideMenu {
            	border: 1px solid #ddd;
                height:409px;
                width:578px;
                background: #fff;
                position: absolute;
                left:156px;
                top:0;
                display: none;
            }
            .fSlideMenu a{
                font-size: 14px;
            }
            .fSlideMenu a:hover{
                color: #30a3ff;
                text-decoration: underline;
            }
                .BuidMenu {
                    margin:10px 0 0 35px;
                    height:128px;
                    clear: both;
                }
                .cityMenu{
                    margin:0 0 0 35px;
                }
                    .BuidMenu h1 {
                        font-size:14px;
                        font-weight:normal;
                        color: #101313;
                    }
                    .smallMenu {
                        width:439px;
                        height:100%;
                        margin-left:59px;
                    }
                    .smallMenu a {
                        display: block;
                        float: left;
                        height:17px;
                        line-height:17px;
                        padding-right:28px;
                        margin-bottom:9px;
                        color: #555;
                    }
    .indexBanner{
        width:751px;
        height:100%;
        float: left;
        margin-left:15px;
    }
    /*botstrap*/
